<template>
	<div class="business">
		<div class="content">
			<div class="content-leftSecond">
				<span class="second-title">业务模板</span>
				<el-divider></el-divider>
				<ul class="second-image">
					<li class="common message" v-for="(item, index) in images" :key="index">
						<img :src="item.img" />
						<span>{{ item.content }}</span>
					</li>
				</ul>
			</div>
		</div>
	</div>
</template>

<script>
export default {
	data() {
		return {
			images: [
				{ id: 1, img: '@/assets/img/aiworkflowimage/queren.png', content: '信息确认' },
				{ id: 2, img: '@/assets/img/aiworkflowimage/bobao.png', content: '播报话术' },
				{ id: 3, img: '@/assets/img/aiworkflowimage/xinxishouji.png', content: '信息记录' },
				{ id: 4, img: '@/assets/img/aiworkflowimage/qianhetong.png', content: '合同签署' },
				{ id: 5, img: '@/assets/img/aiworkflowimage/huotijiance.png', content: '活体检测' },
				{ id: 6, img: '@/assets/img/aiworkflowimage/renlianduibi.png', content: '人脸对比' },
				{ id: 7, img: '@/assets/img/aiworkflowimage/gongneng.png', content: '业务指令' },
				{ id: 8, img: '@/assets/img/aiworkflowimage/huoquweizhixinxi.png', content: '获取位置' },
				{ id: 9, img: '@/assets/img/aiworkflowimage/zhuanrengong.png', content: '转人工' },
				{ id: 10, img: '@/assets/img/aiworkflowimage/saoma.png', content: '推送扫码' },
				{ id: 11, img: '@/assets/img/aiworkflowimage/jieshu.png', content: '结束模板' }
			],
			businessisShow: false
		};
	},
	methods: {
		businessClick() {
			this.businessisShow = !this.businessisShow;
		}
	}
};
</script>

<style lang="less" scoped>
.business {
	background-color: #f7f8fb;
	height: 1000px;

	.content {
		padding-left: 10px;
	}
	.content-leftSecond {
		width: 172px;
		height: 562px;
		background: #fff;
		margin: 70px 0px 0px 55px;
		box-shadow: 0px 2px 22px 2px rgba(0, 0, 0, 0.08);
		.second-title {
			width: 56px;
			height: 13px;
			font-size: 16px;
			font-family: PingFang SC;
			font-weight: 700;
			color: #333333;
			line-height: 50px;
			padding-left: 20px;
		}
		.el-divider {
			margin: -2px 0;
			width: 172px;
			height: 2px;
			background: #f2f2f2;
		}
		.message {
			margin: 10px 0 0 10px;
			float: left;
			img {
				width: 23px;
				height: 29px;
				margin: 10px 0px 0 25px;
			}
			span {
				display: inline-block;
				font-size: 12px;
				font-weight: 400;
				color: #333333;
				margin: 6px 0 0px 12px;
				text-align: center;
				white-space: nowrap;
			}
		}
		.common {
			width: 70px;
			height: 74px;
			background: #f8f9fb;
			border-radius: 2px;
		}
	}
}
</style>
